<template>
    <div class="son6">
        <h3>SonDemo6</h3>
        <h3>{{ props.msg }}</h3>
        <h3> {{ son6Msg }}</h3>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';


const props = defineProps({
    msg: {
        type: String,
        default: '默认值son6'
    }
}) 

const son6Msg = ref(props.msg)
</script>

<style lang="scss" scoped>
.son6 {
    border: 3px solid deepskyblue;
    padding: 10px;
    margin: 10px;
}
</style>